/*关于页面的样式*/

#pagecontainer {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.page {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: relative;
}

#pageone {
    background: url(../image/back1.jpg) no-repeat;
    background-size: cover;
}

#pagetwo {
    background: url(../image/back2.jpg) no-repeat;
    background-size: cover;
}

#pagethr {
    background: url(../image/back3.jpg) no-repeat;
    background-size: cover;
}

#pagecontainer>div {
    transition: all 1.5s cubic-bezier(.41, 1.05, .46, .99);
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}


/*radio切换*/

#rone,
#rtwo,
#rthr {
    display: none;
}

#rone:checked ~ div {
    transform: translateY(0%);
}

#rtwo:checked ~ div {
    transform: translateY(-100%);
}

#rthr:checked ~ div {
    transform: translateY(-200%);
}